<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="styles/common.css">
    <!-- 自定义样式 -->
    <link rel="stylesheet" href="styles/vip-index.css">
    <title>会员中心</title>
</head>
<script type="text/javascript">
    ! function(e, t) { var n = t.documentElement,
    d = e.devicePixelRatio || 1;
    function i() { var e = n.clientWidth / 3.75;
        n.style.fontSize = e + "px" } if (function e() { t.body ? t.body.style.fontSize = "16px" : t.addEventListener("DOMContentLoaded", e) }(), i(), e.addEventListener("resize", i), 
        e.addEventListener("pageshow", function(e) { e.persisted && i() }), d >= 2) { var o = t.createElement("body"),
        a = t.createElement("div");
        a.style.border = ".5px solid transparent", o.appendChild(a), n.appendChild(o), 1 === a.offsetHeight && n.classList.add("hairlines"), n.removeChild(o) } }(window, document)
</script>
<body>
    <div class="top">
        <div class="top-title">
            <div class="title-left">
                <div class="logo">
                    <img src="images/logo.png" alt="logo">
                </div>
                <div class="text">
                    <h3>Hi,我是财富助手</h3>
                    <p>上午好~有什么问题直接找我</p>
                </div>
                <!-- 清除浮动 -->
                <div class="clearfix"></div>
            </div>
            <div class="title-right">
                <img src="images/sz.png" alt="设置">
            </div>
            <!-- 清除浮动 -->
            <div class="clearfix"></div>
        </div>
        <div class="top-menu">
            <ul>
                <li>
                    <img src="images/xy.png" alt="协议">
                    <p>协议</p>
                </li>
                <li>
                    <img src="images/sq.png" alt="申请">
                    <p>申请</p>
                </li>
                <li>
                    <img src="images/fl.png" alt="福利">
                    <p>福利</p>
                </li>
                <!-- 清除浮动 -->
                <div class="clearfix"></div>
            </ul>
        </div>
        <div class="top-logo">
            <h3>活期管家计划</h3>
            <p>工资理财  一键开启</p>
        </div>
        <div class="top-items">
            <ul>
                <li>
                    <img src="images/wh.png" alt="外汇">
                    <p>外汇</p>
                </li>
                <li>
                    <img src="images/qh.png" alt="期货">
                    <p>期货</p>
                </li>
                <li>
                    <img src="images/gq.png" alt="股权">
                    <p>股权</p>
                </li>
                <li>
                    <img src="images/gp.png" alt="股票">
                    <p>股票</p>
                </li>
                <li>
                    <img src="images/hj.png" alt="黄金">
                    <p>黄金</p>
                </li>
                <!-- 清除浮动 -->
                <div class="clearfix"></div>
            </ul>
        </div>
    </div>
    <div class="main">
        <div class="main-item main-fans">
            <div class="item-left">
                <div class="left-info">
                    <p>我的粉丝</p>
                    <span class="info-intro all">粉丝量</span>
                    <strong>3456人</strong>
                    <div class="add">
                        <img src="images/fs.png" alt="粉丝">
                        <span class="past">昨日粉丝</span>
                        <span class="add-span">+2</span>
                    </div>
                </div>
            </div>
            <div class="item-right">
                <img src="images/jt.png" alt="我的粉丝">
            </div>
            <!-- 清除浮动 -->
            <div class="clearfix"></div>
        </div>
        <div class="main-item main-qqwh">
            <div class="item-left">
                <div class="left-info">
                    <p>全球外汇</p>
                    <span class="info-intro">盘点那些受正规监管的外汇经纪商</span>
                    <button onfocus="this.blur()">查看详情</button>
                </div>
            </div>
        </div>
        <div class="main-item main-djs">
            <div class="item-left">
                <div class="left-info">
                    <p>独角兽</p>
                    <span class="info-intro">来这里，做上市公司股东</span>
                    <button onfocus="this.blur()">查看详情</button>
                </div>
            </div>
        </div>
        <div class="main-item main-gmgkh">
            <div class="item-left">
                <div class="left-info">
                    <p>港美股开户</p>
                    <span class="info-intro">有鱼股票，一站式港美股交易工具</span>
                    <button onfocus="this.blur()">查看详情</button>
                </div>
            </div>
        </div>
        <div class="main-item main-find">
            <div class="item-left">
                <div class="left-info">
                    <p>发现活动</p>
                </div>
            </div>
            <div class="item-right">
                <img src="images/jt.png" alt="发现活动">
            </div>
            <!-- 清除浮动 -->
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-item">
            <img src="images/menu-gray-1.png" alt="汇圈">
            <p>汇圈</p>
        </div>
        <div class="footer-item">
            <img src="images/menu-gray-2.png" alt="话题">
            <p>话题</p>
        </div>
        <div class="footer-item">
            <img src="images/menu-gray-3.png" alt="商城">
            <p>商城</p>
        </div>
        <div class="footer-item">
            <img src="images/menu-gray-4.png" alt="福利">
            <p>福利</p>
        </div>
        <div class="footer-item active">
            <img src="images/menu-blue-5.png" alt="我的">
            <p>我的</p>
        </div>
    </div>
</body>
</html>